<style>
    .language {
        margin: 5px;
        font-size: 0.22rem;
    }
    .languageSelect{
        width: 18px;
        margin-right: 5px;
        background: white;
        color: black;
        border: 0;
        height: 18px;
        padding: 0;
    }
</style>
<div class="bui-page bui-box-vertical" id="loadingMy">
    <div class="ignore" style="background-color: rgb(255,85,46);min-height: 30px;line-height: 30px;color: white;text-align: right" id="languageContent">
    </div>
    <header>
        <div class="bui-bar" style="background-color: rgb(255,85,46)">
            <div class="bui-bar-left">
            </div>
            <div class="bui-bar-main" id="name1">个人中心</div>
            <div class="bui-bar-right">
            </div>
        </div>
    </header>
    <main>
        <div>
            <div class="bui-scroll-main">
                <ul class="bui-listview">
                    <li style="height:100px;background: white">
                        <div class="bui-btn bui-box">
                            <div style="width: 50px;margin-right: 10px;">
                                <img width="50px" height="50px" style="border-radius: 10px" id="avater">
                            </div>
                            <div class="span1">
                                <p id="userName"></p>
                                <p id="accountStr" style="font-size: 0.27rem; color: rgb(102,102,102)"></p>
                                <p id="emailStr" style="font-size: 0.27rem; color: rgb(102,102,102)"></p>
                            </div>
                            <i class="icon-listright"></i>
                        </div>
                    </li>
                </ul>

                <ul class="bui-list" style="margin-top: 10px">
                    <li class="bui-btn bui-box" id="bind">
                        <div class="icon"><i class="icon-setting"></i></div>
                        <div class="span1">绑定微信</div>
                        <i class="icon-listright"></i>
                    </li>
                    <li class="bui-btn bui-box" id="alterPwd">
                        <div class="icon"><i class="icon-lock"></i></div>
                        <div class="span1">修改密码</div>
                        <i class="icon-listright"></i>
                    </li>
                    <li class="bui-btn bui-box" id="alterEmail">
                        <div class="icon"><i class="icon-chat"></i></div>
                        <div class="span1">修改邮箱</div>
                        <i class="icon-listright"></i>
                    </li>
                    <li class="bui-btn bui-box" id="uoloadQrcode">
                        <div class="icon"><i class="icon-ecode"></i></div>
                        <div class="span1">上传微信二维码</div>
                        <i class="icon-listright"></i>
                    </li>
                    <li class="bui-btn bui-box" id="history">
                        <div class="icon"><i class="icon-ecode"></i></div>
                        <div class="span1">浏览记录</div>
                        <i class="icon-listright"></i>
                    </li>
                    <li class="bui-btn bui-box" id="loginout">
                        <div class="icon"><i class="icon-close"></i></div>
                        <div class="span1">退出登录</div>
                        <i class="icon-listright"></i>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 中间自定义弹出框结构	 -->
        <div id="alterPwdDialog" class="bui-dialog" style="display: none;">
            <div class="bui-dialog-head">修改密码</div>
            <div class="bui-dialog-main">
                <ul class="bui-list">
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="password">新密码:</label>
                        <div class="span1">
                            <div id="passwordInput" class="bui-input">
                                <input id="password" type="password" placeholder="请输入新密码">
                                <p id="passwordTs" style="color: red"></p>
                            </div>
                        </div>
                    </li>
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="passwordCon">确认密码:</label>
                        <div class="span1">
                            <div id="passwordConfirm" class="bui-input">
                                <input id="passwordCon" type="password" placeholder="请输入确认密码">
                                <p id="passwordConTs" style="color: red"></p>
                            </div>
                        </div>
                    </li>
                    <li></li>
                </ul>
            </div>
            <div class="bui-dialog-foot">
                <div class="bui-box">
                    <div class="span1">
                        <div class="bui-btn">取消</div>
                    </div>
                    <div class="span1">
                        <div class="bui-btn blue">确定</div>
                    </div>
                </div>
            </div>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>

        <!-- 中间自定义弹出框结构	 -->
        <div id="alterEmailDialog" class="bui-dialog" style="display: none;">
            <div class="bui-dialog-head">修改邮箱</div>
            <div class="bui-dialog-main">
                <ul class="bui-list">
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="email">邮箱:</label>
                        <div class="span1">
                            <div id="emailInput" class="bui-input">
                                <input id="email" type="text" placeholder="请输入邮箱">
                                <p id="emailTs" style="color: red"></p>
                            </div>
                        </div>
                    </li>
                    <li></li>
                </ul>
            </div>
            <div class="bui-dialog-foot">
                <div class="bui-box">
                    <div class="span1">
                        <div class="bui-btn">取消</div>
                    </div>
                    <div class="span1">
                        <div class="bui-btn blue">确定</div>
                    </div>
                </div>
            </div>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>
        <!-- 中间自定义弹出框结构	 -->
        <div id="uploadQrcodedialog" class="bui-dialog" style="display: none;">
            <div class="bui-dialog-head">二维码上传</div>
            <div class="bui-dialog-main">
                <!--图片上传-->
                <!-- 上传示例 -->
                <div id="buiPhoto" class="bui-upload bui-fluid-space-4" style="padding: 8px">
                    <div id="btnUpload" class="bui-btn" style="width: 3rem; height: 3rem; line-height: 3rem">
                        <i class="icon-plus large"></i>
                    </div>
                    <div id="picK" style="width: 3rem; height: 3rem; display: none">
                    </div>
                </div>
            </div>
            <div class="bui-dialog-foot">
                <div class="bui-box">
                    <div class="span1">
                        <div class="bui-btn">取消</div>
                    </div>
                    <div class="span1">
                        <div class="bui-btn blue">确定</div>
                    </div>
                </div>
            </div>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>
